.basic-dialog,
.el-dialog {
  // --el-dialog-margin-top: 30vh;
  --el-dialog-border-radius: 10px;
  --el-dialog-padding-primary: 16px 24px;
  display: flex;
  flex-direction: column;
  padding: 0 24px;
  .el-dialog__header {
    @apply flex items-center  rounded-t-lg;
    // border-bottom: 1px solid #f1f2f3;
    margin-right: 0;
    height: 48px;
    .el-dialog__title {
      @apply text-[14px] font-bold text-[#161A23];
    }
  }
  .el-dialog__body {
    flex: 1;
    padding: 16px 0;
  }
  .el-dialog__footer {
    @apply flex items-center justify-end py-0 h-[62px] rounded-b-lg;
    // border-top: 1px solid var(--el-border-color-light, #e4e7ed);
  }
}
.web-terminal__modal {
  // background-color: #1f1f1f;
  border-radius: 8px;
  overflow: hidden;
  &.is-processing {
    --web-terminal-color: #164cff;
  }
  &.is-success {
    --web-terminal-color: #00b324;
  }
  &.is-error {
    --web-terminal-color: #f53f3f;
  }
  .el-dialog__header {
    @apply py-0 px-4 flex items-center h-12;
    .el-dialog__title {
      @apply flex items-center;
      &::before {
        content: '';
        @apply w-1.5 h-1.5 rounded-full block mr-1;
        background-color: var(--web-terminal-color, #fff);
      }
    }
    .el-dialog__headerbtn {
      top: 0;
    }
  }
  .el-dialog__body {
    @apply px-0 h-[552px];
    .xterm-screen {
      width: 100% !important;
      .xterm-rows {
        padding: 16px;
        div {
          width: 100% !important;
          line-height: 14px;
        }
      }
    }
  }
}
